<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/common/taglibs.jsp"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<meta charset="utf-8">
	<title>通话记录</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="${ctxLayui}/layuiadmin/layui/css/layui.css" media="all">
	<link rel="stylesheet" href="${ctxLayui}/layuiadmin/style/myStyle.css" media="all">
</head>
<body>
<div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 10px 0 0;">

	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">中心结点<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" name="nodeId" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">座席Id<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" name="seatId" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">记录Id<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" name="recordId" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">通道Id<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" name="channelId" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">坐席类型;1-有吖;2-群鸿<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<select name="seatType" lay-verify="required" id="seatType" lay-filter="seatType">
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">呼叫类型;1-普通来电;2-外呼去电;3-来电转接;4-外呼转接<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<select name="callType" lay-verify="required" id="callType" lay-filter="callType">
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">客户电话<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" name="mobile" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">座席电话<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" name="seatMobile" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">呼叫时间<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" class="layui-input" name="callTime" id="callTime-laydate" placeholder="yyyy-MM-dd HH:mm:ss">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">开始时间<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" class="layui-input" name="beginTime" id="beginTime-laydate" placeholder="yyyy-MM-dd HH:mm:ss">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">结束时间<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" class="layui-input" name="endTime" id="endTime-laydate" placeholder="yyyy-MM-dd HH:mm:ss">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">通话时间<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<select name="totalTime" lay-verify="required" id="totalTime" lay-filter="totalTime">
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">等待时长<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<select name="waitTime" lay-verify="required" id="waitTime" lay-filter="waitTime">
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">客户Id<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" name="customerId" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">用户Id<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" name="userId" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">是否录音<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<select name="isTape" lay-verify="required" id="isTape" lay-filter="isTape">
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">录音名称<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" name="tapeName" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">录音地址<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" name="tapeUrl" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">坐席类型;1-未获取;2-已获取<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<select name="tapeStatus" lay-verify="required" id="tapeStatus" lay-filter="tapeStatus">
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">优秀标识;1-是;2-否<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<select name="excellentFlag" lay-verify="required" id="excellentFlag" lay-filter="excellentFlag">
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">是否回拨<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<select name="isBack" lay-verify="required" id="isBack" lay-filter="isBack">
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">通话状态;1-未接通;2-已接通;3-排队放弃;4-已留言;5-黑名单<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<select name="callStatus" lay-verify="required" id="callStatus" lay-filter="callStatus">
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">状态;1-正常;2-停用<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<select name="status" lay-verify="required" id="status" lay-filter="status">
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">创建时间<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" class="layui-input" name="createTime" id="createTime-laydate" placeholder="yyyy-MM-dd HH:mm:ss">
		</div>
	</div>
	<div class="layui-form-item layui-form-item-my" >
		<label class="layui-form-label">修改时间<span style="color:red">*</span></label>
		<div class="layui-input-block">
			<input type="text" class="layui-input" name="modifyTime" id="modifyTime-laydate" placeholder="yyyy-MM-dd HH:mm:ss">
		</div>
	</div>

	<div class="layui-form-item layui-hide">
		<input type="button" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="添加">
		<input type="button" lay-submit lay-filter="layuiadmin-app-form-edit" id="layuiadmin-app-form-edit" value="修改">
	</div>
</div>

<script src="${ctxLayui}/layuiadmin/layui/layui.js"></script>
<script>
	layui.config({
		base: '${ctxLayui}/layuiadmin/'
	}).extend({
		index: 'lib/index'
	}).use(['index', 'form','dict','laydate','util'], function(){
		var $ = layui.$ ,form = layui.form;
		var dict = layui.dict;
		var laydate = layui.laydate;
		var util = layui.util;
		var formData = window.parent.formData;
		dict.setSelect("seatType","seatType",formData?formData.seatType:1);
		dict.setSelect("callType","callType",formData?formData.callType:1);
		dict.setSelect("totalTime","totalTime",formData?formData.totalTime:1);
		dict.setSelect("waitTime","waitTime",formData?formData.waitTime:1);
		dict.setSelect("isTape","isTape",formData?formData.isTape:1);
		dict.setSelect("tapeStatus","tapeStatus",formData?formData.tapeStatus:1);
		dict.setSelect("excellentFlag","excellentFlag",formData?formData.excellentFlag:1);
		dict.setSelect("isBack","isBack",formData?formData.isBack:1);
		dict.setSelect("callStatus","callStatus",formData?formData.callStatus:1);
		dict.setSelect("status","status",formData?formData.status:1);
		var callTime = formData?(formData.callTime?formData.callTime:new Date()):new Date();
		var callTimeStr = util.toDateString(callTime)
		laydate.render({
			elem: '#callTime-laydate',
			type: 'datetime',//type 默认为 date，所以可不填
			value:callTimeStr
		});
		var beginTime = formData?(formData.beginTime?formData.beginTime:new Date()):new Date();
		var beginTimeStr = util.toDateString(beginTime)
		laydate.render({
			elem: '#beginTime-laydate',
			type: 'datetime',//type 默认为 date，所以可不填
			value:beginTimeStr
		});
		var endTime = formData?(formData.endTime?formData.endTime:new Date()):new Date();
		var endTimeStr = util.toDateString(endTime)
		laydate.render({
			elem: '#endTime-laydate',
			type: 'datetime',//type 默认为 date，所以可不填
			value:endTimeStr
		});
		var createTime = formData?(formData.createTime?formData.createTime:new Date()):new Date();
		var createTimeStr = util.toDateString(createTime)
		laydate.render({
			elem: '#createTime-laydate',
			type: 'datetime',//type 默认为 date，所以可不填
			value:createTimeStr
		});
		var modifyTime = formData?(formData.modifyTime?formData.modifyTime:new Date()):new Date();
		var modifyTimeStr = util.toDateString(modifyTime)
		laydate.render({
			elem: '#modifyTime-laydate',
			type: 'datetime',//type 默认为 date，所以可不填
			value:modifyTimeStr
		});
	})
</script>
</body>
</html>
